<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!--_meta 作为公共模版分离出去-->
<html>
<head>
<jsp:include page="/WEB-INF/pages/admin/public/meta.jsp"></jsp:include>
<!--/meta 作为公共模版分离出去-->
<title>产品详情</title>
</head>
<body>
<article class="page-container">
	<div class="mt-20">
		<table class="table table-border table-bordered table-bg table-hover table-sort table-responsive">
			<tr class="text-c">
				<td width="170"><div align="right">产品名称：</div></td>
				<td ><div align="left">${product.serviceName}</div></td>
				<td >产品图片：</td>
			</tr>
			<tr class="text-c">
				<td width="170"><div align="right">产品信息：</div></td>
				<td ><div align="left">${product.serviceInfo}</div></div></td>
				<td  width="400" rowspan="8"><img width="350" src="${product.serviceImg}"/></td>
			</tr>
			<tr class="text-c">
				<td width="170"><div align="right">产品类别：</div></td>
				<td ><div align="left">${product.style.name}</div></td>
			</tr>
			<tr class="text-c">
				<td width="170"><div align="right">产品分类：</div></td>
				<td ><div align="left">${product.type.name}</div></td>
			</tr>
			<tr class="text-c">
				<td width="170"><div align="right">产品价格：</div></td>
				<td ><div align="left">${product.price}</div></td>
			</tr>
			<tr class="text-c">
				<td width="170"><div align="right">创建时间：</div></td>
				<td ><div align="left"><fmt:formatDate value="${product.createTime}" pattern="yyyy/MM/dd HH:mm:ss"/></div></td>			
			</tr>
			<tr class="text-c">
				<td width="170"><div align="right">产品状态：</div></td>
				<c:if test="${product.status eq '1' }">
					<td class="td-status"><div align="left"><span class="label label-success radius">已上线</span></div></td>
				</c:if>
				<c:if test="${product.status eq '2' }">
					<td class="td-status"><div align="left"><span class="label label-default radius">未上线</span></div></td>
				</c:if>
				<c:if test="${product.status ne '1' && product.status ne '2' }">
					<td class="td-status"><div align="left"><span class="label label-danger radius">未审核</span></div></td>
				</c:if>
			</tr>	
			<tr class="text-c">
				<td width="170"><div align="right">提供服务商名称：</div></td>
				<td ><div align="left">${product.provider.name}</div></td>			
			</tr>
			<tr class="text-c">
				<td width="170"><div align="right">产品说明：</div></td>
				<td >
					<div class="formControls col-xs-8 col-sm-9" align="left">
						${product.serviceContent}
					</div>
				</td>
			</tr>
		</table>
		<br>
		<div class="row cl">
			<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
				<button onClick="layer_close();" class="btn btn-default radius" type="button">&nbsp;&nbsp;返回&nbsp;&nbsp;</button>
			</div>
		</div>
	</div>
</article>



<!--_footer 作为公共模版分离出去-->
<jsp:include page="/WEB-INF/pages/admin/public/footer.jsp"></jsp:include> 
<!--/_footer /作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="admin/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="admin/lib/jquery.validation/1.14.0/jquery.validate.js"></script> 
<script type="text/javascript" src="admin/lib/jquery.validation/1.14.0/validate-methods.js"></script> 
<script type="text/javascript" src="admin/lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript" src="admin/lib/webuploader/0.1.5/webuploader.min.js"></script> 
<script type="text/javascript" src="admin/lib/ueditor/1.4.3/ueditor.config.js"></script> 
<script type="text/javascript" src="admin/lib/ueditor/1.4.3/ueditor.all.min.js"> </script> 
<script type="text/javascript" src="admin/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript">

</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>
